import { Layout,  Menu, Breadcrumb, Input, Row, Col, message, AutoComplete, Button, Divider} from "antd"
import {
    AppstoreOutlined,
    BarChartOutlined,
    CloudOutlined,
    ShopOutlined,
    TeamOutlined,
    UserOutlined,
    LaptopOutlined,
    UploadOutlined,
    NotificationOutlined,
    VideoCameraOutlined,
    PieChartOutlined,
  } from '@ant-design/icons';
import React from "react";
const { SubMenu } = Menu;
const { Header, Content, Footer, Sider } = Layout;


export class App extends React.Component {

    render() {
        return (
            <Layout>
                <Header style={{ height: 36, backgroundColor: "#FFFFFF", lineHeight: "36px" }} >
                    <Row>
                        <Col span="6"></Col>
                        <Col span="18" style={{ height: 36, textAlign: "right" }}>

                            <Button
                                icon={<AppstoreOutlined />}
                                size="small"
                                style={{ borderRadius: "0px", marginLeft: "-1px"}}
                            />
                            <Button
                                icon={<AppstoreOutlined />}
                                size="small"
                                style={{ borderRadius: "0px", marginLeft: "-1px"}}
                            />
                            <Button
                                icon={<AppstoreOutlined />}
                                size="small"
                                style={{ borderRadius: "0px", marginLeft: "-1px"}}
                            />

                            <Divider type="vertical" height="30"></Divider>

                            <AutoComplete style={{ width: 300 }}>
                                <Input.Search size="small" style={{ fontSize: "10px" }} placeholder="请输入搜索词" enterButton />
                            </AutoComplete>
                        </Col>
                    </Row>
                </Header>

                <Layout>
                </Layout>
            </Layout>
        )
    }// render

}//class App
